<template>
  <div id="app">
    <div class="main">
      <keep-alive :include="['Home','More','BehindTheScenes','Own']">
        <router-view />
      </keep-alive>
      <!-- 返回顶部与播放层 -->
      <lazy-component>
        <mv />
        <top />
      </lazy-component>
    </div>
  </div>
</template>

<script>
  import mv from "./components/details/mv.vue"
  import top from "./components/top.vue"
  export default {
    components: {
      mv,
      top
    },
    created() {
      const limit = document.body;
      limit.style.overflowY = "hidden";
      setTimeout(() => {
        limit.style.overflowY = "visible";
        limit.removeChild(document.getElementById('loader-wrapper'))
      }, 5000)
    }
  }
</script>

<style lang="less">
  .main {
    background-color: #000;
    min-height: 667px;
  }
</style>